<template>
    <div class="home">
        home页面
        <h2>TabBar案例</h2>
        <div class="box">
            <ul>
                <li>
                    <router-link to="login">商品列表</router-link>
                </li>
                <li>
                    <router-link to="sale">商品搜索</router-link>
                </li>
                <li>
                    <router-link to="special">我的消息</router-link>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
import $ from "jquery";
export default {
    name: 'P7indexHome',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss">
.home{
    font-size: 16px;
}
.box{
   width: 100%;
    height: 100px;
    // background-color: aquamarine;
    position: fixed;
    bottom: 0; 
    ul{
        display: flex;
        justify-content: space-around;
        align-content: flex-end;
        li{
            width: 130px;
            height: 50px;
            line-height:50px ;
            list-style: none;
            text-align: center;
            background-color: cadetblue;
        }
    }
}

</style>